<div class="main-content">
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a ui-sref="index">组织机构管理</a>
            </li>

            <li>
                <a ui-sref="index.admin/menu">菜单管理</a>
            </li>
        </ul><!-- .breadcrumb -->

        <div class="nav-search" id="nav-search">
            <form class="form-search">
            <span class="input-icon">
                <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off">
                <i class="icon-search nav-search-icon"></i>
            </span>
            </form>
        </div><!-- #nav-search -->
    </div><!-- /breadcrumbs -->

    <div class="page-content">
        <div class="page-header">
            <h1>
                菜单管理
                <small>
                    <i class="icon-double-angle-right"></i>
                    系统菜单管理
                </small>
            </h1>
        </div><!-- /.page-header -->

        <div class="row">
            <div class="col-xs-3" style="position:static;">
                <div class="widget-box">
                    <div class="widget-header header-color-blue2">
                        <h4 class="lighter smaller">系统菜单树</h4>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main padding-8">
                            <!-- 添加树控件 -->
                            <z-tree list="{{ zNodes }}" ng-model="selectedNode" on-after-add-tree-node-click="addNewNode()" new-node="newNode"></z-tree>
                        </div><!-- widget-main -->
                    </div><!-- /widget-body -->
                </div><!-- widget-box -->
            </div><!-- /col -->

            <div class="col-xs-6">
                <form class="form-horizontal" role="form" ng-submit="processForm()">
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 名称 </label>
                        <div class="col-sm-9">
                            <input type="text" id="form-field-1" placeholder="菜单名称" class="col-xs-10 col-sm-5" ng-model="selectedNode.label"/>
                        </div>
                    </div><!-- /form-group -->


                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 图标 </label>
                        <div class="col-sm-9">
                            <input type="text" id="form-field-1" placeholder="菜单图标" class="col-xs-10 col-sm-5" ng-model="selectedNode.icon"/>
                        </div>
                    </div><!-- /form-group -->

                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 链接 </label>
                        <div class="col-sm-9">
                            <input type="text" id="form-field-1" placeholder="菜单链接" class="col-xs-10 col-sm-7" ng-model="selectedNode.url"/>
                        </div>
                    </div><!-- /form-group -->

                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-3">
                            <button class="btn btn-success" type="submit">
                                <i class="icon-ok align-top bigger-125"></i> 保存
                            </button>
                            &nbsp;&nbsp;
                            <button class="btn btn-grey">
                                <i class="icon-fire align-top bigger-125"></i> 清空
                            </button>
                        </div>
                    </div><!-- /form-group -->

                </form>
            </div>
        </div><!-- /row -->
    </div><!-- /page-content -->
</div>
